import React from "react";
import { createFromIconfontCN } from "@ant-design/icons";
import { PhoneOutlined } from "@ant-design/icons";

const IconFont = createFromIconfontCN({
  scriptUrl: "//at.alicdn.com/t/a/font_4641476_eet5xyuf58p.js",
});

export const Camera = (props) => {
  const { style, ...rest } = props;
  return (
    <IconFont
      {...rest}
      style={Object.assign(
        { fontSize: 32, paddingTop: "10px", color: "#fff", lineHeight: "56px" },
        style
      )}
      type="icon-camera"
    />
  );
};

export const CameraDisabled = (props) => {
  const { style, ...rest } = props;
  return (
    <IconFont
      {...rest}
      type="icon-camera-disabled"
      style={Object.assign(
        {
          transform: "rotateY(180deg)",
          fontSize: 32,
          paddingTop: "10px",
          color: "#fff",
          lineHeight: "56px",
        },
        style
      )}
    />
  );
};

export const HangUp = (props) => {
  const { style, ...rest } = props;
  return (
    <PhoneOutlined
      style={{
        fontSize: 32,
        color: "#fff",
        lineHeight: "56px",
        transform: "rotate(225deg) translate(-5px, -5px)",
      }}
    />
  );
};
